<template>
	<view class="foodBtn">
		<ul>
			<!-- <li @click="$emit('to-collection')">
				<image v-if="!iscollectionState" src="../../static/ic_food_detail_favorite_normal.png" />
				<image v-else src="../../static/ic_food_detail_favorite_selected.png" />
				<text>收藏</text>
			</li>
			<li @click="toLogin">
				<image src="../../static/ic_food_detail_report.png" />
				<text>纠错</text>
			</li>
			<li @click="toLogin">
				<image src="../../static/ic_food_detail_compare.png" />
				<text>对比</text>
			</li>
			<li @click="toLogin">
				<image src="../../static/ic_food_detail_record.png" />
				<text>记录</text>
			</li> -->
		</ul>
	</view>
</template>

<script>
	export default {
		name: "FoodBtnList",
		props: ["iscollectionState"],
		data() {
			return {

			};
		},
		methods: {
			toLogin: function() {
				// this.$router.push({
				// 	path: "/login",
				// });
			},
		}
	}
</script>

<style lang="scss" scoped>
.foodBtn {
  // padding: 8px 0;
  // background: white;
  // border-top: 1px solid #d6d5d9;
  ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
	padding: 0;
    li {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      image {
        width: 20px;
        height: 20px;
      }
      text {
        font-size: 14px;
        color: #9c9c9c;
        margin: 2px 0;
      }
    }
  }
}
</style>
